$listFormControlMargin:    0 0 2px 0;
$formControlHeight:        28px;
$btnDefaultIconColor:      #808080; // gray;
$listBtnColor:             #ffffff;

/* 表单视图：操作栏按钮
----------------------------------*/

/**
测试代码：
	<a class="btn create" action="create" target="_blank"><i></i>测试a</a>
	<button class="btn create" type="button"><i></i>测试b</button>
复制到：
1、任意列表（如 Organization/list.gsp）的 s:toolbar 的 div.left、div.right 内
	检查左边的按钮、搜索按钮、右边的按钮、搜索输入框的高度是否一致，是否对齐
2、任意列表的 div.pagination 中
	检查翻页栏、按钮的高度是否一致，是否对齐
3、任意列表的 div.buttons 中（如果没有，则在 div.pagination 下添加一个）
	检查按钮的高度是否一致，是否对齐
4、任意表单（如 Organization/show.gsp）的 div.buttons 中
	检查按钮的高度是否一致，是否对齐
5、在表单里运行js代码，然后使用调试工具，将上面的代码贴到搜索按钮后
		process.selectReference("foo.oa.hr.AskForLeave")
	检查搜索输入框、搜索按钮高度是否一致，是否对齐
*/

/** 按钮图标 */
.btn {
	i {
		// .fa
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;

		// .fa-fw
		width: 1.28571429em;
		text-align: center;

		padding: 3px 4px 3px 0;
		vertical-align: top;
	}
	&.icon-only i {
		padding: 3px 0;
	}

	// 按钮默认是没有 margin 的，导致和上下的元素紧挨在一起，所以这里加两个样式
	&.btn-margin-b {
		margin-bottom: 5px;
	}
	&.btn-margin-t {
		margin-top: 5px;
	}

	// 默认按钮的图标颜色
	&.btn-default i {
		color: $btnDefaultIconColor;	// 覆盖 bs、AdminLTE 的 #333、#444
	}
}

/** 表单里的操作按钮 */
body.o-form .buttons {
	$fontSize: 16px;	// 比列表的大一点，列表的默认为 14px
	$paddingV: 0px;
	$height:   $formControlHeight;	// $fontSize + $paddingV*2 + 默认bs.btn的上下padding*2 = 16 + 0*2 + 6*2

	.btn {
		background: none;
		border: none;
		padding-left: 0px;
		padding-right: 6px;
		vertical-align: middle;
		height: $height;
		font-size: $fontSize;
		line-height: $fontSize;
		overflow: hidden;

		i {
			font-size: $fontSize;
			padding-top: $paddingV;
			padding-bottom: $paddingV;
		}

		/*button:first-of-type {
			padding-left: 0;
		}*/
		/*button i {
			font-size: 20px;
		}*/
	}

	a.btn {
		color: #333;
	}
	button.btn:focus {
		outline: none;
		color: #0f0f0f;
	}
}

/** 列表里的操作按钮 */
body.o-list,
body.o-form div.o-list {
	.toolbar, .pagination, .buttons {
		.btn {
			color: $listBtnColor;
			margin: $listFormControlMargin;
		}
	}

	.pagination, .buttons {
		.btn {
			border: 0;
			padding: 4px 5px;
			height: $formControlHeight;
		}
	}
}

a.btn.link {
	padding: 0;
	margin: 0;
	border: none;
}

body.o-list .list button.btn,
.toolbar .btn {
	padding: 3px 4px;
	height: $formControlHeight;
}

/** 按钮图标定义 */
.btn {
	// TODO 刘天宇：找黄超，如果用真实的图片做按钮呢？

	// 保存
	&.save i:before {
		content: "\f055";	// fa-plus-circle
	}
	// 更新
	&.update i:before {
		content: "\f0c7";	// fa-save
	}
	// 删除
	&.delete i:before {
		content: "\f056";	// fa-minus-circle
	}
	// 强制删除
	&.deleteForce i:before {
		content: "\f057";	// fa-times-circle
	}
	// 编辑
	&.edit i:before {
		content: "\f044";	// fa-edit
	}
	// 启用
	&.enable i:before {
		content: "\f058";	// fa-check-circle
	}
	// 禁用
	&.disable i:before {
		content: "\f05e";	// fa-mail-reply
	}
	// 重置
	&.reset i:before {
		content: "\f0e2";	// fa-undo
	}
	// 批量更新
	&.updateBulk i:before {
		content: "\f0c7";	// fa-save
	}
	// 批量显示
	&.showBulk i:before {
		content: "\f06e";	// fa-eye
	}
	// 批量编辑
	&.editBulk i:before {
		content: "\f044";	// fa-edit
	}
	// 统计
	&.statistics i:before {
		content: "\f080";	// fa-bar-chart
	}
	// 正文编辑/查阅
	&.editoffice i:before {
		content: "\f044";	// fa-edit
	}
	// 打印
	&.print i:before {
		content: "\f02f";	// fa-print
	}
	// 上传
	&.upload i:before {
		content: "\f093";	// fa-upload
	}
	// 下载
	&.download i:before {
		content: "\f019";	// fa-download
	}
	// 预览
	&.preview i:before {
		content: "\f06e";	// fa-eye
	}
	// 历史
	&.history i:before {
		content: "\f1da";	// fa-history
	}
	// Undo
	&.undo i:before {
		content: "\f0e2";	// fa-undo
	}
	// 交换
	&.exchange i:before {
		content: "\f0ec";	// fa-exchange
	}
	// 导出
	&.export i:before {
		content: "\f016";	// fa-file-o
	}
	// 导入
	&.import i:before {
		content: "\f15b";	// fa-file
	}
	// 更新
	&.refresh i:before {
		content: "\f021";	// fa-refresh
	}
  	// 组织架构图
  	&.orgchart i:before {
	  content: "\f03e";    // fa-picture-o
	}

	// excel
	&.excel i:before {
		content: "\f1c3";	// fa-file-excel-o
	}
	// word
	&.word i:before {
		content: "\f1c2";	// fa-file-word-o
	}
	// wps word
	&.wpsword i:before {
		content: "\f1c2";	// fa-file-word-o
	}
	// wps excel
	&.wpset i:before,
	&.wpsexcel i:before {
		content: "\f1c3";	// fa-file-excel-o
	}
	// pdf
	&.pdf i:before {
		content: "\f1c1";	// fa-file-pdf-o
	}

	// 新建
	&.new i:before,
	&.create i:before {
		content: "\f055";	// fa-plus-circle
	}
	// 密码重置
	&.password i:before {
		content: "\f084";	// fa-key
	}
	// 重试
	&.retry i:before {
		content: "\f01e";	// fa-repeat
	}
	// 转储
	&.dump i:before {
		content: "\f090";	// fa-sign-in
	}

}
